<template>
    <div class="">这个可以搞成用户优惠券(也就是用户领取的优惠券接口)


        <el-table
            :data="equipmentTable"
            border
            height="520"
            :style="{width:screenWidth+'px'}"
            :cell-style="cellStyle"
            :header-cell-style="rowClass"
            sort-change="sortChange"
        >
            <!-- <el-table-column type="selection" width="80px"></el-table-column> -->
            <el-table-column type="index" label="序号" width="93px">
                <template slot-scope="scope">
                    <svg v-if="scope.$index+1==1" class="icon-1" aria-hidden="true">
                        <use xlink:href="#icon-guanjun" />
                    </svg>
                    <svg
                        v-else-if="scope.$index+1==2"
                        class="icon-1 icon1"
                        aria-hidden="true"
                    >
                        <use xlink:href="#icon-yajun" />
                    </svg>
                    <svg
                        v-else-if="scope.$index+1==3"
                        class="icon-1 icon2"
                        aria-hidden="true"
                    >
                        <use xlink:href="#icon-jijun" />
                    </svg>
                    <span v-else>{{ scope.$index+1 }}</span>
                </template>
            </el-table-column>
            <el-table-column label="门店名称" width="260px">
                <template slot-scope="scope">
                    <span>{{ scope.row.storeName }}</span>
                </template>
            </el-table-column>
            <el-table-column sortable prop="carWashCount" label="洗车次数" width="150px">
                <template slot-scope="scope">
                    <span>{{ scope.row.carWashCount }}</span>
                </template>
            </el-table-column>
            <el-table-column sortable prop="carWashMoney" label="洗车金额" width="150px">
                <template slot-scope="scope">
                    <span>￥{{ scope.row.carWashMoney }}</span>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>

export default {
    components: {},
    data() {
        return {
            equipmentTable: [
                {
                    // index: 1, //排名
                    storeName: "店名", //门店名称
                    carWashCount: 320, //洗车次数
                    carWashMoney: 3454 //洗车金额
                },
                {
                    // index: 2, //排名
                    storeName: "店名", //门店名称
                    carWashCount: 352, //洗车次数
                    carWashMoney: 4128 //洗车金额
                },
                {
                    // index: 3, //排名
                    storeName: "店名", //门店名称
                    carWashCount: 367, //洗车次数
                    carWashMoney: 4386 //洗车金额
                },
                {
                    // index: 4, //排名
                    storeName: "店名", //门店名称
                    carWashCount: 335, //洗车次数
                    carWashMoney: 3846 //洗车金额
                },
                {
                    // index: 5, //排名
                    storeName: "店名", //门店名称
                    carWashCount: 315, //洗车次数
                    carWashMoney: 3384 //洗车金额
                },
                {
                    // index: 5, //排名
                    storeName: "店长", //门店名称
                    carWashCount: 315, //洗车次数
                    carWashMoney: 3384 //洗车金额
                }
            ]
        };
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    }
</script>
<style scoped>

</style>